<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Davinci的左邻右舍</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="//cdnjs.loli.net/ajax/libs/mdui/0.4.3/css/mdui.min.css">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href={{ url_for('static',filename='style.css') }} rel="stylesheet">
    <link rel="icon" href={{ url_for('static', filename="logo.png") }}>
    <style>
        :root{
            --bg: url({{ url_for('static',filename='bg.jpg') }});
        }
    </style>
</head>
<body class="mdui-theme-primary-orange mdui-theme-accent-pink">
<div id="web_bg"></div>
{#导航栏#}
<div class="mdui-toolbar mdui-color-theme mdui-shadow-7 mdui-m-b-2" style="height: 72px;">
    <span class="mdui-typo-title" style="color: white;"><a style="color: white;text-decoration: none;" href={{ url_for("index") }}><i class="mdui-icon material-icons">&#xe866;</i> 达芬奇の左邻右舍</a></span>
    <div class="mdui-toolbar-spacer"></div>
    <a class="mdui-btn mdui-btn-icon" style="color: white;"  mdui-tooltip="{content: '首页'}" href="https://davincievans.top" ><i class="mdui-icon material-icons">home</i></a>
    {% if not current_user.is_authenticated %}
    <a class="mdui-btn mdui-btn-icon" style="color: white;" mdui-tooltip="{content: '登录'}" href={{ url_for('login') }}>
        <i class="mdui-icon material-icons">person</i></a>
    {% else %}
    <a class="mdui-btn mdui-btn-icon" style="color: white;" mdui-tooltip="{content: '设置'}" href={{ url_for('settings') }}>
        <i class="mdui-icon material-icons">settings</i></a>
    <a class="mdui-btn mdui-btn-icon" style="color: white;" mdui-tooltip="{content: '登出'}" onclick="return confirm('确定要退出吗？')" href={{ url_for('logout') }}>
        <i class="mdui-icon material-icons">exit_to_app</i></a>
    {% endif %}
    <a href="https://github.com/DavinciEvans" mdui-tooltip="{content: 'Github'}" class="mdui-btn mdui-btn-icon"><svg version="1.1" id="Layer_1"
                                                                                  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                                                  viewBox="0 0 36 36" enable-background="new 0 0 36 36" xml:space="preserve" class="mdui-icon"
                                                                                  style="width: 24px;height:24px;">
        <path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M18,1.4C9,1.4,1.7,8.7,1.7,17.7c0,7.2,4.7,13.3,11.1,15.5
                c0.8,0.1,1.1-0.4,1.1-0.8c0-0.4,0-1.4,0-2.8c-4.5,1-5.5-2.2-5.5-2.2c-0.7-1.9-1.8-2.4-1.8-2.4c-1.5-1,0.1-1,0.1-1
                c1.6,0.1,2.5,1.7,2.5,1.7c1.5,2.5,3.8,1.8,4.7,1.4c0.1-1.1,0.6-1.8,1-2.2c-3.6-0.4-7.4-1.8-7.4-8.1c0-1.8,0.6-3.2,1.7-4.4
                c-0.2-0.4-0.7-2.1,0.2-4.3c0,0,1.4-0.4,4.5,1.7c1.3-0.4,2.7-0.5,4.1-0.5c1.4,0,2.8,0.2,4.1,0.5c3.1-2.1,4.5-1.7,4.5-1.7
                c0.9,2.2,0.3,3.9,0.2,4.3c1,1.1,1.7,2.6,1.7,4.4c0,6.3-3.8,7.6-7.4,8c0.6,0.5,1.1,1.5,1.1,3c0,2.2,0,3.9,0,4.5
                c0,0.4,0.3,0.9,1.1,0.8c6.5-2.2,11.1-8.3,11.1-15.5C34.3,8.7,27,1.4,18,1.4z"></path>
    </svg></a>
</div>
{#主内容#}
<div class="mdui-container content mdui-p-t-1 mdui-m-t-3 mdui-p-l-4 mdui-p-r-4 mdui-m-b-5" id="main" style="display: none">
{#flash提示#}
    {% for message in get_flashed_messages() %}
        <div class="alert alert-success alert-dismissable mdui-m-t-1">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
            &times; </button>
        {{ message }}</div>
    {% endfor %}
{# 加载页 #}
    {% block content %}
    {% endblock %}
</div>
<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<!-- 包括所有已编译的插件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="//www.mdui.org/source/dist/js/mdui.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
        <script>
            $(function () {
                    $('#main').fadeIn(1000);
                    $('#friendlist').fadeIn(2500);
                    console.log("\n" +
                        "  ____              _            _                  \n" +
                        " |  _ \\  __ ___   _(_)_ __   ___(_)                 \n" +
                        " | | | |/ _` \\ \\ / / | '_ \\ / __| |                 \n" +
                        " | |_| | (_| |\\ V /| | | | | (__| |                 \n" +
                        " |____/ \\__,_| \\_/ |_|_| |_|\\___|_|                 \n" +
                        "   _   _ _______  _______   ____   ___   ___  ____  \n" +
                        "  | \\ | | ____\\ \\/ /_   _| |  _ \\ / _ \\ / _ \\|  _ \\ \n" +
                        "  |  \\| |  _|  \\  /  | |   | | | | | | | | | | |_) |\n" +
                        "  | |\\  | |___ /  \\  | |   | |_| | |_| | |_| |  _ < \n" +
                        "  |_| \\_|_____/_/\\_\\ |_|   |____/ \\___/ \\___/|_| \\_\\\n" +
                        "                                                    \n")
            })
        </script>
</body>
</html>